/*
 area de conomiento
 panel izquierdo
*/
#area_conocimento{width: 220%}

#area_conocimento > li > a {background-color: #C3C3C3;
    background-image: linear-gradient(top,#C3C3C3,#EEEEEE);
    background-image: -moz-linear-gradient(top,#C3C3C3,#EEEEEE);
    background-image: -ms-linear-gradient(top,#C3C3C3,#EEEEEE);
    background-image: -webkit-linear-gradient(top,#C3C3C3,#EEEEEE);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#C3C3C3', EndColorStr='#EEEEEE');

    border-bottom: 1px solid #CACACA;
    -webkit-box-shadow: inset 0px 1px 0px 0px #eee;
    -moz-box-shadow: inset 0px 1px 0px 0px #eee;
    box-shadow: inset 0px 1px 0px 0px #eee;
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.75em;
    display: block;
    position: relative;
    font-family: verdana;
    text-decoration: none;
    font-size: 0.65em;
    font-weight: 600;
    color: #000;}

#area_conocimento ul li span {
    background: #fff;
    border-bottom: 1px solid #efeff0;
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.75em;
    display: block;
    position: relative;
    font-family: verdana;
    font-size: 0.65em;
    font-weight: 400;
    color: #000000;
}

#area_conocimento ul li:last-child span {
    border-bottom: 1px solid #33373d;
}

#area_conocimento > li > a:hover,
#area_conocimento > li > a.active {
    background-color: #8E8E8E;
    /*
    background-color: #35afe3;
    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
    border-bottom: 1px solid #103c56;
    -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    */
    background-image: -webkit-linear-gradient(top,#BBBBBB,#8E8E8E);
    background-image: -moz-linear-gradient(top,#BBBBBB,#8E8E8E);
    background-image: -ms-linear-gradient(top,#BBBBBB,#8E8E8E);
    background-image: linear-gradient(top,#BBBBBB,#8E8E8E);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#BBBBBB', EndColorStr='#8E8E8E');
    border-bottom: 1px solid #103c56;
    -webkit-box-shadow: inset 0px 1px 0px 0px #eee;
    -moz-box-shadow: inset 0px 1px 0px 0px #eee;
    box-shadow: inset 0px 1px 0px 0px #eee;
}
#area_conocimento > li > a.active {
    border-bottom: 1px solid #1a638f;
}

#area_conocimento > li > ul li span:before {
    content: '▶';
    font-size: 8px;
    color: #bcbcbf;
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    left: -2.7em;
}

#area_conocimento > li > ul li:hover span,
#area_conocimento > li > ul li:hover a span,
#area_conocimento > li > ul li:hover span:before {
    color: #32373D;
}

#area_conocimento > li > a:before {
    content: '';
    background-image: url(../imagenes/sprite.png);
    background-repeat: no-repeat;
    font-size: 16px;
    height: 1em;
    width: 1em;
    position: absolute;
    left: 8px;
    top: 50%;
    margin: -.5em 0 0 0;
}

.A00 > a:before {background-position: -2px -2px}
.B00 > a:before {background-position: -20px -2px}
.C00 > a:before {background-position: -38px -2px}
.D00 > a:before {background-position: -56px -2px}
.E00 > a:before {background-position: -74px -2px}
.F00 > a:before {background-position: -92px -2px}
.G00 > a:before {background-position: -110px -2px}
.H00 > a:before {background-position: -128px -2px}
.I00 > a:before {background-position: -146px -2px}
.J00 > a:before {background-position: -164px -2px}
.K00 > a:before {background-position: -182px -2px}
.L00 > a:before {background-position: -200px -2px}
.M00 > a:before {background-position: -218px -2px}
.N00 > a:before {background-position: -236px -2px}
.O00 > a:before {background-position: -254px -2px}
.P00 > a:before {background-position: -272px -2px}
.Q00 > a:before {background-position: -290px -2px}
.R00 > a:before {background-position: -308px -2px}
.S00 > a:before {background-position: -326px -2px}


/*
 area de procedimientos
 panel derecho
*/